<div class='box'>


  <nz-row>
    <button nz-button [nzType]="'primary'">button1</button>
    <button nz-button [nzType]="'primary'" [nzLoading]=true>button1</button>
    <button nz-button [nzType]="'primary'" [nzGhost]=trie> button1</button>
  </nz-row>
  <nz-row>
    <button nz-button nzType="primary">Primary</button>
    <button nz-button nzType="default">Default</button>
    <button nz-button nzType="dashed">Dashed</button>
    <button nz-button nzType="danger">Danger</button>
  </nz-row>
  <h2>Buttons</h2>
  <nz-row>
    <button nz-button [nzType]="'primary'">primary</button>
    <button nz-button [nzType]="'dashed'">dashed</button>
    <button nz-button [nzType]="'default'">default</button>
  </nz-row>
  <nz-row>

    <button nz-button [nzType]="'danger'">danger</button>
    <button nz-button [nzShape]="'default'">defaultShape</button>
    <button nz-button [nzShape]="'circle'">O</button>
  </nz-row>
  <nz-row>

    <button nz-button [nzSize]="'large'">L</button>
    <button nz-button [nzSize]="'default'">M</button>
    <button nz-button [nzSize]="'small'">S</button>
  </nz-row>
  <nz-row>

    <button nz-button [nzGhost]="true">nzGhost</button>
    <button nz-button [nzLoading]="true">nzLoading</button>

  </nz-row>
  <hr>
  <nz-row>

    <nz-button-group>
      <button nz-button>Cancel</button>
      <button nz-button nzType="primary">OK</button>
    </nz-button-group>


  </nz-row>
  <hr>
  <div>
    <button nz-button nzType="primary" nzBlock>Primary</button>
    <button nz-button nzType="default" nzBlock>Default</button>
    <button nz-button nzType="dashed" nzBlock>Dashed</button>
    <button nz-button nzType="danger" nzBlock>Danger</button>
  </div>

  <div class="abc">
    <button nz-button [nzType]="'primary'"> ok</button>
    <button nz-button [nzType]="'danger'"> cancel</button>
  </div>
  <div>
    <nz-button-group>
      <button nz-button nzType="primary"><i nz-icon type="left"></i> Go back</button>
      <button nz-button nzType="primary">Go forward<i nz-icon type="right"></i></button>
    </nz-button-group>
    <nz-button-group>
      <button nz-button nzType="primary"><i nz-icon type="cloud"></i></button>
      <button nz-button nzType="primary"><i nz-icon type="cloud-download"></i></button>
    </nz-button-group>

  </div>
  <div class="box">
    <button nz-button nzType="primary" nzShape="circle"><i nz-icon type="search"></i></button>
    <button nz-button nzType="primary"><i nz-icon type="search"></i>Search</button>
    <button nz-button nzType="default" nzShape="circle"><i nz-icon type="search"></i></button>
    <button nz-button nzType="default"><i nz-icon type="search"></i>Search</button>
    <br />
    <button nz-button nzType="default" nzShape="circle"><i nz-icon type="search"></i></button>
    <button nz-button nzType="default"><i nz-icon type="search"></i>Search</button>
    <button nz-button nzType="dashed" nzShape="circle"><i nz-icon type="search"></i></button>
    <button nz-button nzType="dashed"><i nz-icon type="search"></i>Search</button>

  </div>

  <div class="box">

    <nz-dropdown>
      <button nz-button nz-dropdown>Actions<i nz-icon type="down"></i></button>
      <ul nz-menu>
        <li nz-menu-item>
          <a>1st item</a>
        </li>
        <li nz-menu-item>
          <a>2nd item</a>
        </li>
        <li nz-menu-item>
          <a>3rd item</a>
        </li>
      </ul>
    </nz-dropdown>

  </div>

</div>
